<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>招股文件</title>
    <link rel="stylesheet" href="../css/u-reset.min.css">
   <link rel="stylesheet" href="../css/prospectus supplement.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        
           
    </div>
    <!-- 头部结束 -->
    <!-- banner开始 -->
    <div class="banner">
        <img src="../image-zjy/banner.jpg" alt="">
    </div>
    <!-- banner结束 -->
    <!-- 内容开始 -->
    <div class="content">
        <!-- 当前位置 -->
        <div class="location"></div>
        <div class="cbg_1">
            <img src="../image-zjy/cb.png" alt="">
        </div>
        <div class="cbg_r">
            <img src="../image-zjy/cbg.png" alt="">
        </div>
        <div class="zhongjian">
            <!-- 左侧 -->
            <div class="left_con">
                <div class="port">
                    <div class="port-header">
                        <span id="menu"></span>
                    </div>
                    <div class="flag">
                        <h2 class="menu_t">投资者关系</h2>
                        <ul class="menu_con">
                            <li >
                                <a href="investor.html">公司治理</a>
                            </li>
                            <li class="on">
                                <a href="prospectus supplement.html">招股文件</a>
                            </li>
                            <li>
                                <a href="Announcement circular.html">公告通函</a>
                            </li>
                            <li>
                                <a href="Performance report.html">业绩报告</a>
                            </li>
                            <li>
                                <a href="Investor contact.html">投资者联络</a>
                            </li>
                        </ul>
                    </div>
                    <div class="shadow">
                        <ul class="float_list"></ul>
                    </div>
                </div>
                
            </div>
            <!-- 左侧 -->
            <div class="right-con">
                <div class="portlet">
                    <div class="port-header">
                        <span id="menu"></span>
                        <div class="shadow">
                            <ul class="float_list"></ul>
                        </div>
                    </div>
                    <div class="lin">
                        <div class="font-type">
                            <a href="traditional.html" >繁体</a>
                            <a href="prospectus supplement.html" class="on">简体</a>
                        </div>
                    </div>
                </div>
                <div class="portlet1">
                    <div class="borand">
                        <h2 class="title">招股文件</h2>
                        <ul class="list1">
                            <li class="claerfix">
                                <a href="#">全球首发</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">全球发售 [正式通告]</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">绿色申请表格</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">绿色申请表格</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">绿色申请表格</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            
                        </ul>
                        <div class="PAGE">
                            <div class="left">
                                <a href="#">首页</a>
                                <a href="#">上一页</a>
                                <a href="#">下一页</a>
                                <a href="#">尾页</a>
                            </div>
                            <div class="right">
                                <span>
                                    <em>1</em>
                                    /1
                                </span>
                                <span class="Jump">跳转至</span>
                                <input type="text" value="1" size="3" class="easy">
                                页
                                <input type="button" value="跳转" class="easy-btn">
                            </div>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
    </div>
    <!-- 内容结束 -->
   <!-- 底部开始 -->
   <div class="footer">
    <div class="up">
        <div class="max">
            <div class="fixed">
                <div class="Submarine-fishing">
                    <p class="title1">
                        <a href="#">关于海底捞</a>
                    </p>
                    <ul class="UI">
                        <li>
                            <a href="#">火锅文化</a>
                        </li>
                        <li>
                            <a href="#">品牌故事</a>
                        </li>
                        <li>
                            <a href="#">经营理念</a>
                        </li>
                        <li>
                            <a href="#">社会责任</a>
                        </li>
                        <li>
                            <a href="#">媒体中心</a>
                        </li>
                    </ul>
                </div>
                <div class="Submarine-fishing1">
                    <p class="title1">
                        <a href="#">关于海底捞</a>
                    </p>
                    <ul class="UI1">
                        <li>
                            <a href="#">锅底</a>
                        </li>
                        <li>
                            <a href="#">涮菜</a>
                        </li>
                        <li>
                            <a href="#">特色蘸料</a>
                        </li>
                        <li>
                            <a href="#">小吃甜品</a>
                        </li>
                        <li>
                            <a href="#">特色饮品</a>
                        </li>
                        <li>
                            <a href="#">食品安全</a>
                        </li>
                    </ul>
                </div>
                <div class="Submarine-fishing2">
                    <p class="title2">
                        <a href="#">服务中心</a>
                    </p>
                    <ul class="UI3">
                        <li>
                            <a href="#">门店搜索</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                        <li>
                            <a href="#">欢乐卡</a>
                        </li>
                        <li>
                            <a href="#">海底捞外卖</a>
                        </li>
                    </ul>
                </div>
                <div class="Submarine-fishing">
                    <p class="title1">
                        <a href="#">投资者关系</a>
                    </p>
                    <ul class="UI">
                        <li>
                            <a href="#">公司治理</a>
                        </li>
                        <li>
                            <a href="#">招股文件</a>
                        </li>
                        <li>
                            <a href="#">公告通函</a>
                        </li>
                        <li>
                            <a href="#">业绩报告</a>
                        </li>
                        <li>
                            <a href="#">投资者联络</a>
                        </li>
                    </ul>
                </div>
                <div class="Submarine-fishing3">
                    <p class="title3">
                        <a href="#">投资者关系</a>
                    </p>
                    <ul class="UI4">
                        <li>
                            <a href="#">投资者联络</a>
                        </li>
                    </ul>
                </div>
                <div class="Submarine-fishing2">
                    <p class="title2">
                        <a href="#">海底捞会员</a>
                    </p>
                    <ul class="UI3">
                        <li>
                            <a href="#">关于会员</a>
                        </li>
                        <li>
                            <a href="#">会员权益</a>
                        </li>
                        <li>
                            <a href="#">会员须知</a>
                        </li>
                        <li>
                            <a href="#">隐私政策</a>
                        </li>
                    </ul>
                </div>
                <div class="Submarine-fishing">
                    <p class="title1">
                        <a href="#">相关网站</a>
                    </p>
                    <ul class="UI">
                        <li>
                            <a href="#">新拓展平台</a>
                        </li>
                        <li>
                            <a href="#">采购招标平台</a>
                        </li>
                        <li>
                            <a href="#">颐海国际控股有限公司</a>
                        </li>
                        <li>
                            <a href="#">蜀海供应链</a>
                        </li>
                        <li>
                            <a href="#">北京微海管理咨询有限公司</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="down">
        <div class="maxwidth">
            <p class="copyRight">
                <span class="copy">© 2019 版权所有 海鸿达（北京）餐饮管理有限公司 </span>
                <em></em>
                <a href="#">
                    <span class="jing">京ICP备 18016421号-1</span>
                   
                </a>
            </p>
            <p class="webIn">
                <a href="#">使用条款</a>
            </p>
            <div class="shareBox">
                <div class="bd">
                    <a href="#" class="bds_tsina">
                        <img src="../image-zjy/weibo.png" alt="">
                    </a>
                    <a href="#" class="bds_tsina">
                        <img src="../image-zjy/wechat.png" alt="">
                    </a>
                    <a href="#" class="bds_tsina">
                        <img src="../image-zjy/QQ.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
    <!-- 侧边栏开始 -->
    <div class="sidebar">
        <ul class="head_list">
            <li class="pie">
                <a href="#">
                    门店
                    <br>
                    搜索
                </a>
            </li>
            <li class="pie">
                <a href="#">
                    投诉与
                    <br>
                    表扬
                </a>
            </li>
            <li class="pie" >
                <a href="#" style="line-height:32px;">
                   APP
                </a>
            </li>
            <li class="pie">
                <a href="#">
                    返回
                    <br>
                    顶部
                </a>
            </li>
        </ul>
    </div>
    <!-- 侧边栏结束 -->
</body>
</html>